$(function () {
  // 1. 初始化图片裁剪器
  var $image = $("#image");

  // 2. 裁剪选项
  var options = {
    aspectRatio: 400 / 280,
    preview: ".img-preview",
  };

  // 3. 初始化裁剪区域
  $image.cropper(options);
});
//1获取ID
var id = localStorage.getItem("edit_id");

//2 获取文章分类
initCate();
function initCate() {
  $.ajax({
    type: "GET",
    url: "/my/article/cates",
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg("获取文章列表失败!");
      }
      // 调用模板引擎渲染分类的可选项
      var htmlStr = template("tpl-cate", res);
      $("[name=cate_id]").html(htmlStr);
      // 通过 layui 重新渲染表单区域的UI结构
      layui.form.render();
      getInfoById();
    },
  });
  function getInfoById() {
    $.ajax({
      url: "/my/article/" + id,
      success: function (res) {
        if (res.status !== 0) return layui.layer.msg(res.message);
        //获取文章详情成功,将数据展示到界面中
        //：form.val('filter', object);
        layui.form.val("form-edit", res.data);
        // 初始化富文本编辑器
        initEditor();
        //回显图片
        $image
          .cropper("destroy") // 销毁旧的裁剪区域
          .attr(
            "src",
            "http://api-breakingnews-web.itheima.net" + res.data.cover_img
          ) // 重新设置图片路径
          .cropper(options); // 重新初始化裁剪区域
      },
    });
  }
}
